<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理员首页</title>
    <link rel="stylesheet" href="/css/systemIndex/systemIndex.css">
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/font_30uhhy9kdhw/iconfont.css">
    <script src="/echarts/echarts.js"></script>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
</head>
<body style="background-color: #F9F9F9">
<!--导航栏-->
<div class="layui-row" style="margin-left: 26px">
    <div class="layui-col-xs11 layui-col-sm11 layui-col-md11">
        <div class="layui-card headerCenter">
            <div class="layui-card-header" style="background-color: #F1F1F1;">
                <p class="fl">系统首页</p>
                <div class="fr" style="margin: 0 20px 20px 0">
                    <button type="button" class="layui-btn layui-btn layui-btn-sm" onclick="load()">
                        <i class="layui-icon layui-icon-refresh-1"></i>
                        刷新
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="content">
    <!--头部-->
    <div class="layui-row">
        <div class="layui-col-xs9 layui-col-sm9 layui-col-md9" id="header" class="layui-btn-container">
            <div class="head_box">
                <span class="fl">
                  <i class="iconfont" style="font-size: 50px;">&#xe641;</i>
                </span>
                <span class="fl">
                    <p>上架商品总数</p>
                    <span id="productCount">200</span>
                </span>
            </div>
            <div class="head_box">
                <span class="fl">
                    <i class="iconfont" style="font-size: 50px;">&#xe640;</i>
                </span>
                <span class="fl">
                    <p>上传视频总数</p>
                    <span id="videoCount">200</span>
                </span>
            </div>
            <div class="head_box">
                <span class="fl">
                    <i class="iconfont" style="font-size: 50px;">&#xe647;</i>
                </span>
                <span class="fl">
                    <p>发布微圈总数</p>
                    <span id="microCircleCount">200</span>
                </span>
            </div>
            <div class="head_box" style="margin: 0;">
                <span class="fl">
                    <i class="iconfont" style="font-size: 50px;">&#xe62c;</i>
                </span>
                <span class="fl">
                    <p>已完成订单总数</p>
                    <span id="orderCount">200</span>
                </span>
            </div>
        </div>
    </div>
    <!--待处理事务-->
    <div class="layui-row">
        <div class="layui-col-xs9 layui-col-sm9 layui-col-md9"  id="pending_transactions">
            <div class="top">
                <p>待处理事务</p>
            </div>
            <div class="fl bottom course" style="margin-right: 40px;">
                <div id="curriculumToExamineHref2" onclick="parent.jumpCommodityToExamineHref()">
                    <a class="fl">商品待审核信息</a>
                    <p class="fr">(<span id="product_to_examine" style="color: #F04844;">10</span>)</p>
                </div>
            </div>
            <div class="fl bottom product" style="margin-right: 40px;">
                <div id="commodityToExamineHref2" onclick="parent.jumpCurriculumToExamineHref()">
                    <a  class="fl">课程待审核信息</a>
                    <p class="fr">(<span id="course_to_examine" style="color: #F04844;">10</span>)</p>
                </div>
            </div>
            <div class="fl bottom course" style="margin-right: 40px;">
                <div id="curriculumToExamineHre" onclick="parent.jumpMicroCircleToExamineHref()()">
                    <a class="fl">微圈待审核信息</a>
                    <p class="fr">(<span id="microCircle_to_examine" style="color: #F04844;">10</span>)</p>
                </div>
            </div>
            <div class="fl bottom product">
                <div id="commodityToExamineHref" onclick="parent.jumpUnsubscribeListHref()()">
                    <a  class="fl">退订待处理信息</a>
                    <p class="fr">(<span id="returnOrderCount" style="color: #F04844;">10</span>)</p>
                </div>
            </div>
        </div>
    </div>
    <!--运营快捷入口-->
    <div class="layui-row">
        <div class="layui-col-xs9 layui-col-sm9 layui-col-md9 div_md"  id="operate" >
            <div class="top">
                <p>管理员快捷入口</p>
            </div>
            <ul class="bottom">
                <a onclick="parent.jumpAccount()" id="accountSettings">
                    <li>
                        <div>
                            <i class="iconfont" style="font-size: 60px;">&#xe62a;</i>
                            <p>账户设置</p>
                        </div>
                    </li>
                </a>
                <a onclick="parent.jumpMicroCircleCommentHref()" id="microCircleCommentHref">
                    <li>
                        <div>
                            <i class="iconfont" style="font-size: 60px;">&#xe649;</i>
                            <p>
                                微圈评论
                            </p>
                        </div>
                    </li>
                </a>
                <a onclick="parent.jumpCurriculumCommentHref()" id="curriculumCommentHref">
                    <li>
                        <div>
                            <i class="iconfont" style="font-size: 60px;">&#xe649;</i>
                            <p>
                                课程评论
                            </p>
                        </div>
                    </li>
                </a>
                <a onclick="parent.jumpClassList()" id="curriculumListHref">
                    <li>
                        <div>
                            <i class="iconfont" style="font-size: 60px;">&#xe63f;</i>
                            <p>
                                课程列表
                            </p>
                        </div>
                    </li>
                </a>
                <a onclick="parent.jumpMicroCircleList()" id="microCircleList" >
                    <li>
                        <div>
                            <i class="iconfont" style="font-size: 60px;">&#xe654;</i>
                            <p>
                                微圈列表
                            </p>
                        </div>
                    </li>
                </a>
                <a onclick="parent.jumpCurriculumToExamineHref()()" id="curriculumToExamineHref">
                    <li>
                        <div>
                            <i class="iconfont" style="font-size: 60px;">&#xe64e;</i>
                            <p>
                                课程审核
                            </p>
                        </div>
                    </li>
                </a>
                <a onclick="parent.jumpMicroCircleToExamineHref()" id="microCircleToExamineHref">
                    <li>
                        <div>
                            <i class="iconfont" style="font-size: 60px;">&#xe64e;</i>
                            <p>
                                微圈审核
                            </p>
                        </div>
                    </li>
                </a>
                <a onclick="parent.jumpToExamineLogHref()" id="toExamineLogHref">
                    <li>
                        <div>
                            <i class="iconfont" style="font-size: 60px;">&#xe64c;</i>
                            <p>
                                审核日志
                            </p>
                        </div>
                    </li>
                </a>
            </ul>
        </div>
    </div>
    <!--商品总览-->
    <div class="layui-row">
        <div class="layui-col-xs9 layui-col-sm9 layui-col-md9"  id="overview">
            <div class="fl">
                <div class="top">商品总览</div>
                <div class="bottom">
                    <div class="fl">
                        <p class="red" id="courseGoOnline">100</p>
                        <p>课程数量&nbsp;&nbsp;(已上架)</p>
                    </div>
                    <div class="fr">
                        <p class="red" id="productGoOnline">400</p>
                        <p>商品数量 &nbsp;(已上架)</p>
                    </div>
                </div>
            </div>
            <div class="fr">
                <div class="top">用户总览</div>
                <div class="bottom">
                    <div class="fl">
                        <p class="red" id="beforeUserToday">100</p>
                        <p>今日新增</p>
                    </div>
                    <div class="fl">
                        <p class="red" id="beforeUserYesterDay">200</p>
                        <p>昨日新增</p>
                    </div>
                    <div class="fl">
                        <p class="red" id="beforeUserThisMount">1000</p>
                        <p>本月新增</p>
                    </div>
                    <div class="fr">
                        <p class="red" id="beforeUserCount">5000 </p>
                        <p>全部用户</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--课程统计-->
    <div class="layui-row">
        <div class="layui-col-xs9 layui-col-sm9 layui-col-md9" id="course">
            <div class="top">
                <p id="statistics">课程统计</p>
            </div>
            <div class="middle">
                <p class="today fl borderBottom" onclick="getChangeDateEcharts('course')">课程统计</p>
                <p class="week fl" onclick="getChangeDateEcharts('product')">商品统计</p>
                <p class="month fl" onclick="getChangeDateEcharts('before_user')">用户统计</p>
            </div>
            <div class="bottom">
                <div class="fl">
                    <div>
                        <p id="monthTypeName">本月新增课程总数</p>
                        <p id="monthSum" style="font-size: 30px; color: #666666">0</p>
                        <span id="monthSumRate" class="fl" style="color: #00A950;">-0.45%</span>
                        <p class="fr" style="color: #666;">同比上月</p>
                    </div>
                </div>
                <div id="linear"></div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="/js/systemIndex/systemIndex.js"></script>
</html>
